$(function(){
    $(".banner .category li").mouseenter(function(){
        $(this).find("p").addClass("active_p").next().addClass("active_div")
    })
    $(".banner .category li").mouseleave(function(){
        $(this).find("p").removeClass("active_p").next().removeClass("active_div")
    })

    //电子书手风琴
    $(".ebooks_right ul li").mouseenter(function(){
        $(this).find("h5").addClass("title_hide").next().addClass("ebooks_show")
        $(this).siblings().find("h5").removeClass("title_hide")
        $(this).siblings().find("div").removeClass("ebooks_show")
    })

    //tap栏切换函数的包装
    function my_tap_change(event_obj,box_obj,span_class_name,box_class_name){
        event_obj.mouseenter(function(){
            $(this).addClass(span_class_name).siblings().removeClass(span_class_name)
            box_obj.eq($(this).index()).addClass(box_class_name).siblings().removeClass(box_class_name)
        })
    }
    // 电子书
    my_tap_change($(".ebooks h3 ul li"),$(".ebooks .ebooks_left_right"),"active","show")

    // 服装区域
    my_tap_change($(".clothing:eq(0) h3 span"),$(".clothing:eq(0) .clothing_"),"active","clothing_show")

    //运动区域
    my_tap_change($(".clothing:eq(1) h3 span"),$(".clothing:eq(1) .clothing_"),"active","clothing_show")

    //婴儿区域
    my_tap_change($(".clothing:eq(2) h3 span"),$(".clothing:eq(2) .clothing_"),"active","clothing_show")


    //固定顶部
    $(window).scroll(function(){
        let sTop=$(this).scrollTop();
        if (sTop>200) {
            $(".fixedHeader").show()
        }else{
            $(".fixedHeader").hide()
        }
    })
    $(".header .search input:first-child").keyup(function(){
        
        let v=$(".header .search input:first-child").val();
        console.log(v);
        $(".fixedHeader .search input:first-child").val(v)
    })
    // 楼层滚动变色
    // 第一个对应:red 
    //  第二个对应:黄 
    //  第三个对应:绿色 
    //  第四个对应:蓝色
    //  第五个对应:粉色
    let bgcAll=["red",'green',"#93d46f",'blue','pink']
    $("#ceb ul li").hover(function(){
        let index=$(this).index();
        $(this).css({
            "backgroundColor":bgcAll[index],
            "background-position-x": "-40px"
        })
        $(this).css("width",80);
        // $(this).stop()
        // $(this).animate({'width':80},500)
    },function(){
        $(this).css({
            "backgroundColor":"",
            "background-position-x": ""
        })
        $(this).css("width",40)
        // $(this).stop()
        // $(this).animate({'width':40},500)
    }).click(function(){
        //楼层滚动
        let index=$(this).index()
        let sTop=$(".fooer").eq(index).offset().top
        $("html,body").stop().animate({"scrollTop":sTop-50},1000)
    })


    // 回到顶部
    $(".extend>i").click(function(){
        let a=scrollY
        let timer=setInterval(function(){
            a-=50
            if (a<=0) {
                clearInterval(timer)
            }
            scrollTo(0,a)
        },10)
    })
    $(window).scroll(function(){
        let a=scrollY
        
        if (a<=900) {
            $(".extend>i").css("display","none")
        }else{
            $(".extend>i").css("display","block")
        }
    })


    //主轮播图
    $("#bannerInner").tyslide({
        boxh: 470,//盒子的高度
        w: 1000,//盒子的宽度
        h: 440,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 10,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: true //是否显示数字
      });
      
      //封装轮播图
      function my_slider(jq_obj,box_h,box_w,img_h,fy_w=14,fy_h=3,fy_radius=0,siblings_color="#fff",cur_color="#ccc"){
          $(jq_obj).tyslide({
          boxh: box_h,//盒子的高度
          w: box_w,//盒子的宽度
          h: img_h,//图片的高度
          isShow: true,//是否显示控制器
          isShowBtn: true,//是否显示左右按钮
          controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
          controlsW: fy_w,//控制按钮宽度
          controlsH: fy_h,//控制按钮高度
          radius: fy_radius,//控制按钮圆角度数
          controlsColor: siblings_color,//普通控制按钮的颜色
          controlsCurrentColor: cur_color,//当前控制按钮的颜色
          isShowNum: false //是否显示数字
          });
      }
      /*
      参数1:
      */
      //服装区域
      my_slider($(".clothing_mid .pptbox"),340,429,340)
      // 电子书区域
      my_slider($(".ebooks_left_right .pptbox"),218,330,216)
      //家居轮播图
      my_slider($(".home_left .pptbox"),500,487,500)
})